<!DOCTYPE html>
<html >
    <head>
     <title>登录</title>

      <!-- CSS -->
     <link rel="stylesheet" href="/plugins/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="/plugins/font-awesome/css/font-awesome.min.css">
	 <link rel="stylesheet" href="/styles/form-elements.css">
     <link rel="stylesheet" href="/styles/style.css">
	 <link rel="stylesheet" type="text/css" href="/styles/index.css">
	 <link rel="stylesheet" href="/plugins/bootstrap/css/bootstrap.css" />
	 <link rel="stylesheet" href="/plugins/bootstrap/css/bootstrap.min.css" />
	 <!--[if lt IE 9]>
	     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    	 <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->	 
    </head>
    
  <body>
        <!-- Top content -->
        <div class="top-content">
        	
            <div class="inner-bg">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-8 col-sm-offset-2 text">
                            <h1><strong>Web IM</strong></h1>
                            <div class="description">
                            	<p>
                            	</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6 col-sm-offset-3 form-box">
                        	<div class="form-top">
                        		<div class="form-top-left">
                        			<h3>随时随地聊</h3>
                            		<p>输入用户名和密码进行登录:</p>
                        		</div>
                        		<div class="form-top-right">
                        			<i class="fa fa-key"></i>
                        		</div>
                            </div>
                            <div class="form-bottom">
			                    <form role="form" action="/user/index" method="post" class="login-form">
			                    	<div class="form-group">
			                    		<label class="sr-only" for="userName">用户名</label>
			                        	<input type="text" name="userName" placeholder="请输入用户名" class="form-username form-control" id="form-username">
			                        </div>
			                        <div class="form-group">
			                        	<label class="sr-only" for="userPwd">密码</label>
			                        	<input type="password" name="userPwd" placeholder="请输入密码" class="form-password form-control" id="form-password">
			                        </div>
			                        <button type="submit" class="btn">登录</button>
			                    </form>
		                    </div>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>


      
    </body>
   <!-- jquery -->
   <script src="/js/jquery-1.12.4.min.js"></script>
    <script src="/plugins/bootstrap/bootstrap.min.js"></script>
    <script src="/js/jquery.backstretch.min.js"></script>
    <script src="/js/scripts.js"></script>
    <!--[if lt IE 10]>
        <script src="plugins/js/placeholder.js"></script>
    <![endif]-->
   <script>
   </script>
</html>
